
body {background: #f5f5f5;}
.mint-header{
    width: 100%;
    height: .88rem;
    background: white;
    color: #181818;
    font-size: .36rem;
    border-bottom: .01rem solid #F2F2F2;
}

.content-top {
    width: 100%;
    height: 1.2rem;
    background: rgba(255,255,255,1);
    box-sizing: border-box;
    border-bottom: .01rem solid #F2F2F2;

    padding: .27rem 0 .27rem .23rem ;
    /*position: relative;*/
    }

    .top-top {
        margin-bottom: .12rem;
        float: left;
        /*margin: 27px 0 10px 23px;*/
        width: 100%;
        height: .27rem;
        font-size: .28rem;
        color: rgba(152,152,152,1);
        /*line-height: .46rem;*/
        display: block;

        /*position: absolute;
        left: .23rem;
        top: .27rem;*/
    }

    .top-c {
        float: left;

        width: 100%;
        /*height: .27rem;*/
        font-size: .28rem;
        color: rgba(152,152,152,1);


        /*position: absolute;
        left: .23rem;
        top: .66rem;*/
    }

    .content-con {
       width: 100%;
        height: auto;
        background: white;
        padding: .6rem 0;
        box-sizing: border-box;
        border-bottom: .01rem solid #F2F2F2;
    }

    .con-box {
        text-align: center;
        width: 2.8rem;
        height: 2.8rem;
        /*background:rgba(0,189,207,1);*/
        border: 0.1rem solid rgba(0,189,207,1);
        border-radius: 50%;
        /*margin: 70px auto;*/
        margin: auto;
        //margin-left: 50%;
        //transform: translateX(-50%);

    }

    .con-box div {
        /*
        width: 2.6rem;
        height: 2.6rem;
        background: #00bdcf;
        */
        border-radius: 50%;
        margin: 2% auto;
        width: 96%;
        height: 96%;
        background: rgba(0,189,207,1);

    }
    .con-box div p{
        width: 2.58rem;
        height: 1.57rem;
        /*background: rgba(126,230,240,1);*/
        opacity: .01rem;
        font-size: 1.2rem;
        color: rgba(255,255,255,1);
        /*line-height: .46rem;*/
    }
    .con-box div span{
        /*font-size: 28px;
        display: block;
        color: #FFFFFF;
        padding-top: 45px;*/
        width: .82rem;
        height: .27rem;
        font-size: .28rem;
        color: rgba(255,255,255,1);
        line-height: .46rem;
    }

    .con-box div p span{
        font-size: 0.3rem;
    }



    /*答题率*/


    .content-list {
        border-bottom: 0.01rem solid #F2F2F2;
        /*width: 7.5rem;*/
        width: 100%;
        height: 1.81rem;
        background: rgba(255,255,255,1);
        padding: .28rem .24rem;
        box-sizing: border-box;
        display: flex;
    }

    .content-list div {
        text-align: center;
        flex: 1;
        float: left;
        width: 7.02rem;
        //width: 33.3333%;
        //float: left;
        height: 1.25rem;
        background: rgba(249,249,249,1);
        border-radius: .06rem ;
        //border-right: .01rem solid #E5E5E5;
        box-sizing: border-box;
    }
    .content-l div {
        /*width: .94rem;*/
        width: 100%;
        height: auto;
        font-size: .32rem;
        color: rgba(152,152,152,1);
        /*line-height: .28rem;*/
        border-right: .01rem solid #E5E5E5;
        box-sizing: border-box;
        margin: .33rem 0;
    }

    .content-c div {
        /*width: .94rem;*/
        width: 100%;
        height: auto;
        font-size: .32rem;
        color: rgba(152,152,152,1);
        /*line-height: .28rem;*/
        border-right: .01rem solid #E5E5E5;
        margin: .33rem 0;
    }

    .content-r div {
        /*width: .94rem;*/
        width: 100%;
        height: auto;
        font-size: .32rem;
        color: rgba(152,152,152,1);
        /*line-height: .28rem;*/
        margin: .33rem 0;
    }
    .content-list div p {
        float: left;
        display: block;
        width: 100%;
    }
    .content-list div p:first-child {
        font-size: .32rem;
        color: #989898;
        margin-bottom: .11rem;
    }

    .content-list div p:last-child {
        /*width: .15rem;
        height: .22rem;*/
        font-size: .28rem;
        color: rgba(24,24,24,1);
        line-height: .28rem;
    }

    /*答错题*/
    .list-li {
        border-bottom: 0.01rem solid #F2F2F2;
        overflow: hidden;
        width: 100%;
        //height: 3.2rem;
        height: auto;
        background: rgba(255,255,255,1);

        //padding: .6rem .54rem;
        //padding-bottom: 0;
        box-sizing: border-box;
        //padding-bottom: 2.6rem;
    }

    .list-li ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0.2rem 0rem;
        li {
            width: 20%;
            a {
                float: left;
                width: .8rem;
                height: .8rem;
                line-height: .8rem;
                font-size: .36rem;
                text-align: center;
                border-radius: 50%;
                margin-left: 0.35rem;
                background: rgba(0,189,207,1);
                color: rgba(255,255,255,1);
            }
            .error{
                background: rgba(255,102,102,1);
            }
        }
    }

    .footer {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: .98rem;
        background: rgba(255,255,255,1);
        border-top: 0.01rem solid #F2F2F2;
        padding: 0.09rem 0;
        box-sizing: border-box;
    }

    .footer .left {
        float: left;
        text-align: center;
        width: auto;
        height: .8rem;
        border: 0.01rem solid rgba(0,189,207,1);
        border-radius: 0.1rem ;
        width: 3.39rem;
        font-size: 0.36rem;
        color: rgba(0,189,207,1);
        line-height: .8rem;
        background: #FFFFFF;
        box-sizing: border-box;
        margin-left: .24rem;
    }

    .footer .right {
        float: right;
        background: #00bdcf;
        text-align: center;
        color: #FFFFFF;
        width: 3.39rem;
        height: .8rem;
        background: rgba(0,189,207,1);
        border-radius: .1rem ;
        font-size: .36rem;
        color: white;
        line-height: .8rem;
        margin-right: .24rem;
        box-sizing: border-box;
    }
